.light {
  //orgin
  // 'big' '' 'sub' 'small'
  $spanColor: #212121;
  $spanSubColor: #666666;
  $spanSmallColor: #212121;
  $spanLinkColor:#2196f3;

  $buttonColor: #212121;
  $buttonSubColor: #666666;

  $backgroundColor: #d9e7e7;
  $backgroundSubColor: #d4c3c3;

  $titleColor: #212121;
  $titleSubColor: #8e8e8e;

  $borderColor:#2c2c2c;

  //dialog
  .dialog {
    background-color: $backgroundSubColor;
    color: $spanColor;
    .dialog-title{
      color: $spanColor;
    }
    .dialog-buttons span{
      color: $spanColor;
    }
    input{
      color:#212121;
    }
  }
  .spanColor {
    color: $spanColor;
  }
  .spanSubColor {
    color: $spanSubColor;
  }
  .spanSmallColor {
    color: $spanSmallColor;
  }
  .spanLinkColor {
    color: $spanLinkColor;
  }
  .buttonColor {
    color: $buttonColor;
  }
  .buttonSubColor {
    color: $buttonSubColor;
  }
  .backgroundColor {
    background-color: $backgroundColor;
  }
  .backgroundSubColor {
    background-color: $backgroundSubColor;
  }
  .titleColor {
    color: $titleColor;
  }
  .titleSubColor {
    color: $titleSubColor;
  }
  .borderColor{
    border-color: $borderColor;
  }
}
.dark {
  //dark
  // 'big' '' 'sub' 'small'
  $spanColor: #ffffff;
  $spanSubColor: #f0f0f0;
  $spanSmallColor: #ff3b30;
  $spanLinkColor:#2196f3;

  $backgroundColor: #212121;
  $backgroundSubColor: #592e2e;

  $titleColor: #ffffff;
  $titleSubColor: #f0f0f0;
  $borderColor:#f0f0f0;

  //dialog
  .dialog {
    background-color: $backgroundSubColor;
    color: $spanColor;
    .dialog-title{
      color: $spanColor;
    }
    .dialog-buttons span{
      color: $spanColor;
    }
    input{
      color:#212121;
    }
  }


  .spanColor {
    color: $spanColor;
  }
  .spanSubColor {
    color: $spanSubColor;
  }
  .spanSmallColor {
    color: $spanSmallColor;
  }
  .spanLinkColor {
    color: $spanLinkColor;
  }

  .backgroundColor {
    background-color: $backgroundColor;
  }
  .backgroundSubColor {
    background-color: $backgroundSubColor;
  }
  .titleColor {
    color: $titleColor;
  }
  .titleSubColor {
    color: $titleSubColor;
  }
  .borderColor{
    border-color: $borderColor;
  }
}
